<template>
  <div class="VideoManage">
    <router-link to="/addVideo"><el-button type="primary" >添加</el-button></router-link>
    <el-table :data="VideoList" :border="true">
      <el-table-column label="id" prop="name" />
      <el-table-column prop="img" label="图片"  width="100">
        <template v-slot:default="scope">
            <el-image :src="scope.row.img" />
        </template>
      </el-table-column>
      <el-table-column label="分类" prop="name" />
      <el-table-column fixed="right" label="Operations" width="120">
      <template #default>
        <el-button link type="primary" size="small"
          >删除</el-button
        >
        <el-button link type="primary" size="small">修改</el-button>
      </template>
    </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  // 组件名称
  name: 'VideoManageView',
  // 组件参数 接收来自父组件的数据
  props: {},
  // 局部注册的组件
  components: {},
  // 组件状态值
  data () {
    return {
      VideoList:[]
    }
  },
  // 计算属性
  computed: {},
  // 侦听器
  watch: {},
  // 组件方法
  methods: {}
}
</script>

<style scoped>

</style>
